// page/productdetail/productdetail.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
  baseURL:wx.baseURL,
  goodsDetail:{},
 query:{
productId:0
 },
  hideModel:true,//状态框的状态 true 隐藏 fslse 显示
  animationData:{},
//   detail:{},
  skus:[],
  skusindex:[]
    },
    //获取商品详情
    getGoodsDetail(){
        wx.get('/product',this.data.query).then(res =>{
            res.imgs =res.imgs.split(',')
            this.setData({
                goodsDetail:res
            })
            wx.setNavigationBarTitle({
              title: this.data.goodsDetail.name,
            })
        })
    },

changeSkuIndex(e){
    this.setData({
        skusindex:e.currentTarget.dataset.index
    })
},

    //显示遮罩层
spec:function(){
    var that=this;
    that.setData({
        hideModel:false
    })
    var animation =wx.createAnimation({
   duration:600, //动画的持续时间 一般为400ms 数值越大动画越慢，数值越小动画越快
   timingFunction:'ease'//动画效果
    })
    this.animation=animation
    setTimeout( function(){
        that.fadeIn();//调用显示动画
    },200)
},
//隐藏遮罩层
hideModel:function(){
    var that=this;
    var animation =wx.createAnimation({
        duration:800,
        timingFunction:'ease'
    })
    this.animation=animation
    that.fadeDown();
    setTimeout (function (){
        that.setData({
            hideModel:true
        })
    },720)
},

//动画集
fadeIn:function(){
    this.animation.translateY(0).step()
    this.setData({
        animationData:this.animation.export()
    })
},
fadeDown(){
    this.animation.translateY(300).step()
    this.setData({
        animationData:this.animation.export()
    })
},

return:function(){
wx.navigateBack({
    data:1
})
},

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
   wx.get('/product',{productId:options.productId}).then(res =>{
       res.imgs =res.split(',')
       let skus=res.skus
       skus
       this.setData({
           goodsDetail:res,
           skus
       })
       wx.setNavigationBarTitle({
         title: res.name,
       })
   })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
onShow:function(){},

    /**
     * 生命周期函数--监听页面隐藏
     */
onHide: function () {

     },

    /**
     * 生命周期函数--监听页面卸载
     */
 onUnload :function () {

     },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
 onPullDownRefresh: function () {

     },

    /**
     * 页面上拉触底事件的处理函数
     */
 onReachBottom: function () {

     },

     /**
      * 用户点击右上角分享
      */
 onShareAppMessage: function (e) {
console.log(e);
return {
    title:this.data.goodsDetail.name,
    path:'../index/index',
    imageUrl:''
}
     }
})